<script>
  import BackgroundLines from "./BackgroundLines.svelte";
</script>

<BackgroundLines class="flex items-center justify-center w-full flex-col px-4 md:h-[60vh] dark:bg-transparent">
  <h2
    class="bg-clip-text text-transparent text-center bg-gradient-to-b from-neutral-900 to-neutral-700 dark:from-neutral-600 dark:to-white text-2xl md:text-4xl lg:text-7xl font-sans py-2 md:py-10 relative z-20 font-bold tracking-tight"
  >
    Svelte is Vibe
  </h2>
  <p
    class="max-w-xl mx-auto text-sm md:text-lg text-neutral-700 dark:text-neutral-400 text-center"
  >
    This Animation is made with Svelte, SVG and Svelte Motion 🚀
    <br />
    Inspired by the Aeternity UI
  </p>
</BackgroundLines>
